<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>定位锚点</title>
    <link href="css/one.css" type="text/css" rel="stylesheet">
</head>
<body>
    <div id="nav">
        <div class="nav-content"></div>
        <div class="all-anchor">
            <div class="anchor">定位锚点第一个div</div>
            <div class="anchor">定位锚点第二个div</div>
            <div class="anchor">定位锚点第三个div</div>
            <div style="clear: both"></div>
        </div>
        <div style="clear: both"></div>
    </div>

    <div class="small"><a name="div0">&emsp;</a></div>
    <div class="content" style="background-color: #6f42c1" >
        1第一个div<br>
        2第一个div<br>
        3第一个div<br>
        4第一个div<br>
        5第一个div<br>
        6第一个div<br>
        7第一个div<br>
        <div class="name small"><a name="div1">&emsp;</a></div>
    </div>

    <div class="content" style="background-color: royalblue">
        1第二个div<br>
        2第二个div<br>
        3第二个div<br>
        4第二个div<br>
        5第二个div<br>
        <div class="name small "><a name="div2">&emsp;</a></div>
    </div>

    <div class="content " style="background-color: teal">
        1第三个div<br>
        2第三个div<br>
        3第三个div<br>
        4第三个div<br>
        5第三个div<br>
        6第三个div<br>
        <div class="name small"><a name="div3">&emsp;</a></div>
    </div>

    <script language="JavaScript" src="js/one.js"></script>
</body>
</html>
